<div>
	<yu-panel :title="$t('messageManager.xttsxxgl')" :hide-filter="false">
    <template slot="filter">
      <yu-xform v-model="formdata" related-table-name="filterTable" form-type="search">
        <yu-xform-group :column="4">
          <yu-xform-item :label="$t('messageManager.xxm')" :placeholder="$t('messageManager.xxm')" ctype="input" name="code"></yu-xform-item>
          <yu-xform-item :label="$t('messageManager.tsnr')" :placeholder="$t('messageManager.tsnr')" ctype="input" name="message"></yu-xform-item>
        </yu-xform-group>
      </yu-xform>
    </template>
    <template slot="right">
      <yu-toolBar>
        <el-button @click="addFilterRecord">{{ $t('messageManager.xz') }}</el-button>
        <el-button @click="lookuptableEditFn">{{ $t('messageManager.xg') }}</el-button>
        <el-button @click="dataFiltermultDeleteFn">{{ $t('messageManager.sc') }}</el-button>
      </yu-toolBar>
    </template>
		<el-table-x ref="filterTable" :checkbox="true" :max-height="height" :data-url="serviceUrl" :table-columns="tableColumns"
		 @select="rowClickFn">
		</el-table-x>
	</yu-panel>
	<el-dialog :center="true" :title="$t('messageManager.xttsxx')" :visible.sync="dialogVisible" :close-on-click-modal="false">
		<el-form-x ref="datafilterForm" :group-fields="updateFields" :buttons="updateButtons" :disabled="formDisabled" label-width="120px"></el-form-x>
	</el-dialog>
</div>